﻿<!DOCTYPE HTML>
<html >
<head>
    <title> {ms:global.name/}</title>
    <meta name="Keywords" content="{ms:global.name/}" />
    <meta name="Description" content="{ms:global.name/}" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
    <meta name="SiteName" content="{ms:global.name/}">
    <meta name="keywords" content="{ms:global.keyword/}">
    <meta name="description" content="{ms:global.descrip/}">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <!-- 通用引入文件 -->
	<#include "head.htm">
</head>

<body>
    <!-- 通用头部 -->
	<#include "header.htm">
    <div class="banner fadeInUp wow" data-wow-delay="1s">
        <div class="swiper-container" id="banner">
            <div class="swiper-wrapper">
                {ms:arclist typeid='1440990986191437825' flag = 'f'}
                <div class="swiper-slide">
                    <img src="{@ms:file field.litpic/}" alt="${field.title}">
                </div>
                {/ms:arclist}
            </div>
        </div>
    </div>
    <div class="background fadeInUp wow" data-wow-delay="1.5s">
        <div class="w1200">
            <!-- 智库报告 -->
            <div class="content">
                <div class="content_title fadeInUp wow" data-wow-delay="1.2s">
                    {ms:channel typeid='1440979944921038849' type = 'self'}
                    <h2><a href="{ms:global.url/}${field.typelink}">${field.typetitle}</a></h2>
                    {/ms:channel}
                </div>
                <div class="content_center clearfix">
                    <div class="centerz fadeInLeft  wow">
                        <ul>
                            <!-- 小图标配置在all.css 308行 -->
                            {ms:channel typeid='1440979944921038849' type = 'son'}
                            <li class="fadeInUp wow"><a
                                    href="{ms:global.url/}${field.typelink}"><span>${field.typetitle}</span><i></i></a></li>
                            {/ms:channel}
                        </ul>
                    </div>
                    <div class="centery fadeInRight wow">
                        <ul>
                            {ms:channel typeid='1440979944921038849' type = 'son'}
                            <li>
                                <div class="centery_img">
                                    <!-- 图片配置在对应栏目缩略图 -->
                                    <img src="{ms:global.host/}{@ms:file field.typelitpic/}" alt="${field.typetitle}" />
                                    <i></i>
                                    <div style="display: flex; flex-direction: column; justify-content: center;">
                                        <h2>
                                            <a style="margin: 0;" href="{ms:global.url/}${field.typelink}">${field.typetitle}</a>
                                        </h2>
                                        <!-- 文字配置对应栏目描述中 -->
                                        <!-- <span>${field.typedescrip}</span> -->
                                        <a style="margin-top: 45px;" href="{ms:global.url/}${field.typelink}">了解更多</a>
                                    </div>
                                </div>
                            </li>
                            {/ms:channel}
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 智库报告 -->
            <!-- 智库要闻 -->
            <div class="news_center">
                <div class="content_title fadeInUp wow">
                    {ms:channel typeid='1440980030136713218' type = 'self'}
                    <h2><a href="{ms:global.url/}${field.typelink}">${field.typetitle}</a></h2>
                    {/ms:channel}
                </div>

                <div class="news_box">
                    <div class="news_tabs">
                        <ul>
                            <!-- 小图标配置在all.css 308行 -->
                            {ms:channel typeid='1440980030136713218' type = 'son'}
                            <li class="fadeInUp wow">
                                <a href="{ms:global.url/}${field.typelink}">${field.typetitle}</a>
                            </li>
                            {/ms:channel}
                        </ul>
                    </div>
                    <div class="news_tabs-news">
                        <ul>
                            {ms:channel typeid='1440980030136713218' type = 'son'} <!--二级栏目-->
                            <#assign typeid=field.typeid>
                                <li>
                                    <div class="news_bottom">
                                        <div class="swiper-container" id="news-${field.index}">
                                            <div class="swiper-wrapper">
                                                {ms:arclist typeid=typeid}<!--二级栏目下的文章-->
                                                <div class="swiper-slide clearfix">
                                                    <div class="newsz fadeInLeft">
                                                        <a href="{ms:global.url/}${field.link}" title="${field.title}"
                                                            target="_blank">
                                                            <img src="{ms:global.host/}{@ms:file field.litpic/}" alt="${field.title}" />
                                                        </a>
                                                    </div>
                                                    <div class="newsy fadeInRight">
                                                        <h3><a href="{ms:global.url/}${field.link}" title="${field.title}"
                                                                target="_blank">${field.title}</a></h3>
                                                        <span></span>
                                                        <a href="{ms:global.url/}${field.link}" title="${field.title}"
                                                            target="_blank">
                                                            <span>查看详细</span>
                                                            <i></i>
                                                        </a>
                                                    </div>
                                                </div>
                                                {/ms:arclist}
                                            </div>
                                        </div>
                                        <div class="swiper-button-prev-${field.index} swiper-button-prev swiper-button-white"></div>
                                        <div class="swiper-button-next-${field.index} swiper-button-next swiper-button-white"></div>
                                    </div>
                                    <script>
                                        var mySwiper = new Swiper('#news-${field.index}', {
                                            loop: true,
                                            autoplay: false,
                                            speed: 1000,
                                            paginationClickable: true,
                                            grabCursor: true,
                                            parallax: true,
                                            navigation: {
                                                nextEl: '.swiper-button-next-${field.index}',
                                                prevEl: '.swiper-button-prev-${field.index}',
                                            },
                                        });
                                    </script>
                                </li>
                        {/ms:channel}
                        </ul>
                    </div>
                </div>
                <ul class="round">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <!-- 智库要闻 -->
        </div>
        <!-- 数据 -->
        <div class="suggest">
            <div class="w1200 clearfix" style="min-height: 680px;">
                <!-- 公司信息 -->
                <div class="suggestz fadeInUp wow" data-wow-delay="1.3s">
                    {ms:channel typeid='1440980159098978306' type = 'self'}
                        <h3 style="line-height: normal;">${field.typetitle}</h3>
                        <p style="text-align: left; line-height: normal;"><span>${field.typekeyword}</span></p>
                        <p style="text-align: left; line-height: normal;width: 290px;">${field.typedescrip}</p>
                        <!-- 箭头链接配置 -->
                        <a href="{ms:global.url/}${field.typelink}"></a>
                    {/ms:channel}
                </div>
                <div class="suggestimg">
                    <!-- 背景图片配置 -->
                    <img src="/{ms:global.style/}/images/shuju.png" alt="" />
                </div>
            </div>
        </div>
    </div>
    <!-- 通用底部 -->
	<#include "footer.htm">
</body>

</html>

<script>
    var mySwiper = new Swiper('#banner', {
        autoplay: true,
        loop: true,
        speed: 3000,
        grabCursor: true,
    });
    
    var mySwiper = new Swiper('#service', {
        loop: true,
        autoplay: false,
        speed: 1000,
        paginationClickable: true,
        grabCursor: true,
        parallax: true,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        breakpoints: {
            1920: {
                slidesPerView: 6, //设置同时显示的数量
                spaceBetween: 5, //在slide之间设置距离（单位px）
            },
            //当宽度大于等于12000
            1200: {
                slidesPerView: 6, //设置同时显示的数量
                spaceBetween: 5, //在slide之间设置距离（单位px）
            },
            1024: {
                slidesPerView: 5, //设置同时显示的数量
                spaceBetween: 5, //在slide之间设置距离（单位px）
            },
            768: {
                slidesPerView: 4, //设置同时显示的数量
                spaceBetween: 10, //在slide之间设置距离（单位px）
            },
            750: {
                slidesPerView: 2, //设置同时显示的数量
                spaceBetween: 5, //在slide之间设置距离（单位px）
            }
        }
    })
</script>
<script>
    jQuery(".content_center").slide({
        mainCell: ".centery ul",
        titCell: ".centerz li",
    });
    jQuery(".news_box").slide({
        mainCell: ".news_tabs-news ul",
        titCell: ".news_tabs li",
    });
</script>
<script>
    var url = $("#sps").attr("src");
    $(".suggesty").click(function () {
        $("body").addClass("show-videopop");
        $(".video--pop iframe").attr("src", url);
    });
    $(".video--pop_mask a").click(function () {
        $("body").removeClass("show-videopop");
        $(".video--pop iframe ").attr("src", "");
    });
</script>